<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="utf-8">
    <title>Tree</title>
    <link rel="stylesheet" href="http://yui.yahooapis.com/3.9.1/build/cssgrids/cssgrids-min.css">
    <link rel="stylesheet" href="../assets/vendor/prettify/prettify-min.css">
    <link rel="stylesheet" href="../assets/css/main.css" id="site_styles">
    <link rel="icon" href="../assets/favicon.ico">
    <script src="http://yui.yahooapis.com/combo?3.9.1/build/yui/yui-min.js"></script>
</head>
<body class="yui3-skin-sam">

<div id="doc">
    <div id="hd" class="yui3-g header">
        <div class="yui3-u-3-4">
                <h1><img src="../assets/css/logo.png" title="" width="117" height="52"></h1>
        </div>
        <div class="yui3-u-1-4 version">
            <em>API Docs for: </em>
        </div>
    </div>
    <div id="bd" class="yui3-g">

        <div class="yui3-u-1-4">
            <div id="docs-sidebar" class="sidebar apidocs">
                <div id="api-list">
                    <h2 class="off-left">APIs</h2>
                    <div id="api-tabview" class="tabview">
                        <ul class="tabs">
                            <li><a href="#api-classes">Classes</a></li>
                            <li><a href="#api-modules">Modules</a></li>
                        </ul>
                
                        <div id="api-tabview-filter">
                            <input type="search" id="api-filter" placeholder="Type to filter APIs">
                        </div>
                
                        <div id="api-tabview-panel">
                            <ul id="api-classes" class="apis classes">
                                <li><a href="../classes/Area.html">Area</a></li>
                                <li><a href="../classes/ContextMenu.html">ContextMenu</a></li>
                                <li><a href="../classes/Dialog.html">Dialog</a></li>
                                <li><a href="../classes/Inspector.html">Inspector</a></li>
                                <li><a href="../classes/LineEditor.html">LineEditor</a></li>
                                <li><a href="../classes/List.html">List</a></li>
                                <li><a href="../classes/LiteGUI.html">LiteGUI</a></li>
                                <li><a href="../classes/SearchBox.html">SearchBox</a></li>
                                <li><a href="../classes/Slider.html">Slider</a></li>
                                <li><a href="../classes/Split.html">Split</a></li>
                                <li><a href="../classes/Tabs.html">Tabs</a></li>
                                <li><a href="../classes/Tree.html">Tree</a></li>
                            </ul>
                
                
                            <ul id="api-modules" class="apis modules">
                            </ul>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <div class="yui3-u-3-4">
                <div id="api-options">
                    Show:
                    <label for="api-show-inherited">
                        <input type="checkbox" id="api-show-inherited" checked>
                        Inherited
                    </label>
            
                    <label for="api-show-protected">
                        <input type="checkbox" id="api-show-protected">
                        Protected
                    </label>
            
                    <label for="api-show-private">
                        <input type="checkbox" id="api-show-private">
                        Private
                    </label>
                    <label for="api-show-deprecated">
                        <input type="checkbox" id="api-show-deprecated">
                        Deprecated
                    </label>
            
                </div>
            
            <div class="apidocs">
                <div id="docs-main">
                    <div class="content">
<h1>Tree Class</h1>
<div class="box meta">


        <div class="foundat">
            Defined in: <a href="../files/.._src_tree.js.html#l5"><code>..&#x2F;src&#x2F;tree.js:5</code></a>
        </div>


</div>


<div class="box intro">
    <p>To create interactive trees (useful for folders or hierarchies).<br>
Options are:<br>
+ allow_multiselection: allow to select multiple elements using the shift key<br>
+ allow_rename: double click to rename items in the tree<br>
+ allow_drag: drag elements around<br>
+ height<br>
Item data should be in the next format:<br>
{<br>
id: unique_identifier,<br>
content: what to show in the HTML (if omited id will be shown)<br>
children: []  array with another object with the same structure<br>
className: class<br>
precontent: HTML inserted before the content<br>
visible: boolean, to hide it<br>
dataset: dataset for the element<br>
onDragData: callback in case the user drags this item somewhere else<br>
}<br>
To catch events use tree.root.addEventListener(...)<br>
item_selected : receive { item: node, data: node.data }<br>
item_dblclicked<br>
item_renamed<br>
item_moved<br></p>

</div>

    <div class="constructor">
        <h2>Constructor</h2>
<div id="method_Tree" class="method item">
    <h3 class="name"><code>Tree</code></h3>

        <span class="paren">()</span>








    <div class="meta">
                <p>
                Defined in
        <a href="../files/.._src_tree.js.html#l5"><code>..&#x2F;src&#x2F;tree.js:5</code></a>
        </p>



    </div>

    <div class="description">
        
    </div>




</div>
    </div>

<div id="classdocs" class="tabview">
    <ul class="api-class-tabs">
        <li class="api-class-tab index"><a href="#index">Index</a></li>

            <li class="api-class-tab methods"><a href="#methods">Methods</a></li>
    </ul>

    <div>
        <div id="index" class="api-class-tabpanel index">
            <h2 class="off-left">Item Index</h2>

                <div class="index-section methods">
                    <h3>Methods</h3>

                    <ul class="index-list methods">
                            <li class="index-item method">
                                <a href="#method_addItemToSelection">addItemToSelection</a>

                            </li>
                            <li class="index-item method">
                                <a href="#method_clear">clear</a>

                            </li>
                            <li class="index-item method">
                                <a href="#method_collapseItem">collapseItem</a>

                            </li>
                            <li class="index-item method">
                                <a href="#method_expandItem">expandItem</a>

                            </li>
                            <li class="index-item method">
                                <a href="#method_filterByName">filterByName</a>

                            </li>
                            <li class="index-item method">
                                <a href="#method_filterByName">filterByName</a>

                            </li>
                            <li class="index-item method">
                                <a href="#method_getAncestors">getAncestors</a>

                            </li>
                            <li class="index-item method">
                                <a href="#method_getAncestors">getAncestors</a>

                            </li>
                            <li class="index-item method">
                                <a href="#method_getChildren">getChildren</a>

                            </li>
                            <li class="index-item method">
                                <a href="#method_getItem">getItem</a>

                            </li>
                            <li class="index-item method">
                                <a href="#method_getParent">getParent</a>

                            </li>
                            <li class="index-item method">
                                <a href="#method_getSelectedItem">getSelectedItem</a>

                            </li>
                            <li class="index-item method">
                                <a href="#method_getSelectedItems">getSelectedItems</a>

                            </li>
                            <li class="index-item method">
                                <a href="#method_insertItem">insertItem</a>

                            </li>
                            <li class="index-item method">
                                <a href="#method_isInsideArea">isInsideArea</a>

                            </li>
                            <li class="index-item method">
                                <a href="#method_isItemSelected">isItemSelected</a>

                            </li>
                            <li class="index-item method">
                                <a href="#method_moveItem">moveItem</a>

                            </li>
                            <li class="index-item method">
                                <a href="#method_removeItem">removeItem</a>

                            </li>
                            <li class="index-item method">
                                <a href="#method_removeItemFromSelection">removeItemFromSelection</a>

                            </li>
                            <li class="index-item method">
                                <a href="#method_scrollToItem">scrollToItem</a>

                            </li>
                            <li class="index-item method">
                                <a href="#method_setSelectedItem">setSelectedItem</a>

                            </li>
                            <li class="index-item method">
                                <a href="#method_updateItem">updateItem</a>

                            </li>
                            <li class="index-item method">
                                <a href="#method_updateItemId">updateItemId</a>

                            </li>
                            <li class="index-item method">
                                <a href="#method_updateTree">updateTree</a>

                            </li>
                    </ul>
                </div>



        </div>

            <div id="methods" class="api-class-tabpanel">
                <h2 class="off-left">Methods</h2>

<div id="method_addItemToSelection" class="method item">
    <h3 class="name"><code>addItemToSelection</code></h3>

        <div class="args">
            <span class="paren">(</span><ul class="args-list inline commas">
                <li class="arg">
                        <code>id</code>
                </li>
            </ul><span class="paren">)</span>
        </div>








    <div class="meta">
                <p>
                Defined in
        <a href="../files/.._src_tree.js.html#l869"><code>..&#x2F;src&#x2F;tree.js:869</code></a>
        </p>



    </div>

    <div class="description">
        <p>adds item to selection (multiple selection)</p>

    </div>

        <div class="params">
            <h4>Parameters:</h4>

            <ul class="params-list">
                <li class="param">
                        <code class="param-name">id</code>
                        <span class="type">String</span>


                    <div class="param-description">
                         
                    </div>

                </li>
            </ul>
        </div>



</div>
<div id="method_clear" class="method item">
    <h3 class="name"><code>clear</code></h3>

        <div class="args">
            <span class="paren">(</span><ul class="args-list inline commas">
                <li class="arg">
                        <code>keep_root</code>
                </li>
            </ul><span class="paren">)</span>
        </div>








    <div class="meta">
                <p>
                Defined in
        <a href="../files/.._src_tree.js.html#l1166"><code>..&#x2F;src&#x2F;tree.js:1166</code></a>
        </p>



    </div>

    <div class="description">
        <p>clears all the items</p>

    </div>

        <div class="params">
            <h4>Parameters:</h4>

            <ul class="params-list">
                <li class="param">
                        <code class="param-name">keep_root</code>
                        <span class="type">Bool</span>


                    <div class="param-description">
                        <p>if you want to keep the root item</p>

                    </div>

                </li>
            </ul>
        </div>



</div>
<div id="method_collapseItem" class="method item">
    <h3 class="name"><code>collapseItem</code></h3>

        <div class="args">
            <span class="paren">(</span><ul class="args-list inline commas">
                <li class="arg">
                        <code>id</code>
                </li>
            </ul><span class="paren">)</span>
        </div>








    <div class="meta">
                <p>
                Defined in
        <a href="../files/.._src_tree.js.html#l771"><code>..&#x2F;src&#x2F;tree.js:771</code></a>
        </p>



    </div>

    <div class="description">
        <p>in case an item is expanded, it collapses it to hide children</p>

    </div>

        <div class="params">
            <h4>Parameters:</h4>

            <ul class="params-list">
                <li class="param">
                        <code class="param-name">id</code>
                        <span class="type">String</span>


                    <div class="param-description">
                         
                    </div>

                </li>
            </ul>
        </div>



</div>
<div id="method_expandItem" class="method item">
    <h3 class="name"><code>expandItem</code></h3>

        <div class="args">
            <span class="paren">(</span><ul class="args-list inline commas">
                <li class="arg">
                        <code>id</code>
                </li>
            </ul><span class="paren">)</span>
        </div>








    <div class="meta">
                <p>
                Defined in
        <a href="../files/.._src_tree.js.html#l754"><code>..&#x2F;src&#x2F;tree.js:754</code></a>
        </p>



    </div>

    <div class="description">
        <p>in case an item is collapsed, it expands it to show children</p>

    </div>

        <div class="params">
            <h4>Parameters:</h4>

            <ul class="params-list">
                <li class="param">
                        <code class="param-name">id</code>
                        <span class="type">String</span>


                    <div class="param-description">
                         
                    </div>

                </li>
            </ul>
        </div>



</div>
<div id="method_filterByName" class="method item">
    <h3 class="name"><code>filterByName</code></h3>

        <div class="args">
            <span class="paren">(</span><ul class="args-list inline commas">
                <li class="arg">
                        <code>name</code>
                </li>
            </ul><span class="paren">)</span>
        </div>








    <div class="meta">
                <p>
                Defined in
        <a href="../files/.._src_tree.js.html#l638"><code>..&#x2F;src&#x2F;tree.js:638</code></a>
        </p>



    </div>

    <div class="description">
        <p>remove from the tree the items that do not have a name that matches the string</p>

    </div>

        <div class="params">
            <h4>Parameters:</h4>

            <ul class="params-list">
                <li class="param">
                        <code class="param-name">name</code>
                        <span class="type">String</span>


                    <div class="param-description">
                         
                    </div>

                </li>
            </ul>
        </div>



</div>
<div id="method_filterByName" class="method item">
    <h3 class="name"><code>filterByName</code></h3>

        <div class="args">
            <span class="paren">(</span><ul class="args-list inline commas">
                <li class="arg">
                        <code>name</code>
                </li>
            </ul><span class="paren">)</span>
        </div>








    <div class="meta">
                <p>
                Defined in
        <a href="../files/.._src_tree.js.html#l677"><code>..&#x2F;src&#x2F;tree.js:677</code></a>
        </p>



    </div>

    <div class="description">
        <p>remove from the tree the items that do not have a name that matches the string</p>

    </div>

        <div class="params">
            <h4>Parameters:</h4>

            <ul class="params-list">
                <li class="param">
                        <code class="param-name">name</code>
                        <span class="type">String</span>


                    <div class="param-description">
                         
                    </div>

                </li>
            </ul>
        </div>



</div>
<div id="method_getAncestors" class="method item">
    <h3 class="name"><code>getAncestors</code></h3>

        <div class="args">
            <span class="paren">(</span><ul class="args-list inline commas">
                <li class="arg">
                        <code>id</code>
                </li>
            </ul><span class="paren">)</span>
        </div>

        <span class="returns-inline">
            <span class="type">Array</span>
        </span>







    <div class="meta">
                <p>
                Defined in
        <a href="../files/.._src_tree.js.html#l982"><code>..&#x2F;src&#x2F;tree.js:982</code></a>
        </p>



    </div>

    <div class="description">
        <p>returns an array with all the ancestors</p>

    </div>

        <div class="params">
            <h4>Parameters:</h4>

            <ul class="params-list">
                <li class="param">
                        <code class="param-name">id</code>
                        <span class="type">String</span>


                    <div class="param-description">
                         
                    </div>

                </li>
            </ul>
        </div>

        <div class="returns">
            <h4>Returns:</h4>

            <div class="returns-description">
                        <span class="type">Array</span>:
            </div>
        </div>


</div>
<div id="method_getAncestors" class="method item">
    <h3 class="name"><code>getAncestors</code></h3>

        <div class="args">
            <span class="paren">(</span><ul class="args-list inline commas">
                <li class="arg">
                        <code>id</code>
                </li>
            </ul><span class="paren">)</span>
        </div>

        <span class="returns-inline">
            <span class="type">Array</span>
        </span>







    <div class="meta">
                <p>
                Defined in
        <a href="../files/.._src_tree.js.html#l964"><code>..&#x2F;src&#x2F;tree.js:964</code></a>
        </p>



    </div>

    <div class="description">
        <p>returns an array with all the ancestors</p>

    </div>

        <div class="params">
            <h4>Parameters:</h4>

            <ul class="params-list">
                <li class="param">
                        <code class="param-name">id</code>
                        <span class="type">String</span>


                    <div class="param-description">
                         
                    </div>

                </li>
            </ul>
        </div>

        <div class="returns">
            <h4>Returns:</h4>

            <div class="returns-description">
                        <span class="type">Array</span>:
            </div>
        </div>


</div>
<div id="method_getChildren" class="method item">
    <h3 class="name"><code>getChildren</code></h3>

        <div class="args">
            <span class="paren">(</span><ul class="args-list inline commas">
                <li class="arg">
                        <code>id</code>
                </li>
                <li class="arg">
                        <code class="optional">[only_direct=false]</code>
                </li>
            </ul><span class="paren">)</span>
        </div>

        <span class="returns-inline">
            <span class="type">Array</span>
        </span>







    <div class="meta">
                <p>
                Defined in
        <a href="../files/.._src_tree.js.html#l936"><code>..&#x2F;src&#x2F;tree.js:936</code></a>
        </p>



    </div>

    <div class="description">
        <p>returns the children of an item</p>

    </div>

        <div class="params">
            <h4>Parameters:</h4>

            <ul class="params-list">
                <li class="param">
                        <code class="param-name">id</code>
                        <span class="type">String</span>


                    <div class="param-description">
                        <p>could be string or node directly</p>

                    </div>

                </li>
                <li class="param">
                        <code class="param-name optional">[only_direct=false]</code>
                        <span class="type">Bool</span>
                        <span class="flag optional" title="This parameter is optional.">optional</span>


                    <div class="param-description">
                        <p>to get only direct children</p>

                    </div>

                </li>
            </ul>
        </div>

        <div class="returns">
            <h4>Returns:</h4>

            <div class="returns-description">
                        <span class="type">Array</span>:
            </div>
        </div>


</div>
<div id="method_getItem" class="method item">
    <h3 class="name"><code>getItem</code></h3>

        <div class="args">
            <span class="paren">(</span><ul class="args-list inline commas">
                <li class="arg">
                        <code>id</code>
                </li>
            </ul><span class="paren">)</span>
        </div>

        <span class="returns-inline">
            <span class="type">Object</span>
        </span>







    <div class="meta">
                <p>
                Defined in
        <a href="../files/.._src_tree.js.html#l717"><code>..&#x2F;src&#x2F;tree.js:717</code></a>
        </p>



    </div>

    <div class="description">
        <p>get the item with that id, returns the HTML element</p>

    </div>

        <div class="params">
            <h4>Parameters:</h4>

            <ul class="params-list">
                <li class="param">
                        <code class="param-name">id</code>
                        <span class="type">String</span>


                    <div class="param-description">
                         
                    </div>

                </li>
            </ul>
        </div>

        <div class="returns">
            <h4>Returns:</h4>

            <div class="returns-description">
                        <span class="type">Object</span>:
            </div>
        </div>


</div>
<div id="method_getParent" class="method item">
    <h3 class="name"><code>getParent</code></h3>

        <div class="args">
            <span class="paren">(</span><ul class="args-list inline commas">
                <li class="arg">
                        <code>id</code>
                </li>
            </ul><span class="paren">)</span>
        </div>

        <span class="returns-inline">
            <span class="type">HTML</span>
        </span>







    <div class="meta">
                <p>
                Defined in
        <a href="../files/.._src_tree.js.html#l950"><code>..&#x2F;src&#x2F;tree.js:950</code></a>
        </p>



    </div>

    <div class="description">
        <p>returns the parent of a item</p>

    </div>

        <div class="params">
            <h4>Parameters:</h4>

            <ul class="params-list">
                <li class="param">
                        <code class="param-name">id</code>
                        <span class="type">String</span>


                    <div class="param-description">
                         
                    </div>

                </li>
            </ul>
        </div>

        <div class="returns">
            <h4>Returns:</h4>

            <div class="returns-description">
                        <span class="type">HTML</span>:
            </div>
        </div>


</div>
<div id="method_getSelectedItem" class="method item">
    <h3 class="name"><code>getSelectedItem</code></h3>

        <span class="paren">()</span>

        <span class="returns-inline">
            <span class="type">HTML</span>
        </span>







    <div class="meta">
                <p>
                Defined in
        <a href="../files/.._src_tree.js.html#l902"><code>..&#x2F;src&#x2F;tree.js:902</code></a>
        </p>



    </div>

    <div class="description">
        <p>returns the first selected item (its HTML element)</p>

    </div>


        <div class="returns">
            <h4>Returns:</h4>

            <div class="returns-description">
                        <span class="type">HTML</span>:
            </div>
        </div>


</div>
<div id="method_getSelectedItems" class="method item">
    <h3 class="name"><code>getSelectedItems</code></h3>

        <span class="paren">()</span>

        <span class="returns-inline">
            <span class="type">HTML</span>
        </span>







    <div class="meta">
                <p>
                Defined in
        <a href="../files/.._src_tree.js.html#l912"><code>..&#x2F;src&#x2F;tree.js:912</code></a>
        </p>



    </div>

    <div class="description">
        <p>returns an array with the selected items (its HTML elements)</p>

    </div>


        <div class="returns">
            <h4>Returns:</h4>

            <div class="returns-description">
                        <span class="type">HTML</span>:
            </div>
        </div>


</div>
<div id="method_insertItem" class="method item">
    <h3 class="name"><code>insertItem</code></h3>

        <div class="args">
            <span class="paren">(</span><ul class="args-list inline commas">
                <li class="arg">
                        <code>data</code>
                </li>
                <li class="arg">
                        <code>parent_id</code>
                </li>
                <li class="arg">
                        <code>position</code>
                </li>
                <li class="arg">
                        <code>options</code>
                </li>
            </ul><span class="paren">)</span>
        </div>

        <span class="returns-inline">
            <span class="type">DIVElement</span>
        </span>







    <div class="meta">
                <p>
                Defined in
        <a href="../files/.._src_tree.js.html#l113"><code>..&#x2F;src&#x2F;tree.js:113</code></a>
        </p>



    </div>

    <div class="description">
        <p>update tree with new data (old data will be thrown away)</p>

    </div>

        <div class="params">
            <h4>Parameters:</h4>

            <ul class="params-list">
                <li class="param">
                        <code class="param-name">data</code>
                        <span class="type">Object</span>


                    <div class="param-description">
                         
                    </div>

                </li>
                <li class="param">
                        <code class="param-name">parent_id</code>
                        <span class="type">String</span>


                    <div class="param-description">
                         
                    </div>

                </li>
                <li class="param">
                        <code class="param-name">position</code>
                        <span class="type">Number</span>


                    <div class="param-description">
                        <p>index in case you want to add it before the last position</p>

                    </div>

                </li>
                <li class="param">
                        <code class="param-name">options</code>
                        <span class="type">Object</span>


                    <div class="param-description">
                         
                    </div>

                </li>
            </ul>
        </div>

        <div class="returns">
            <h4>Returns:</h4>

            <div class="returns-description">
                        <span class="type">DIVElement</span>:
            </div>
        </div>


</div>
<div id="method_isInsideArea" class="method item">
    <h3 class="name"><code>isInsideArea</code></h3>

        <div class="args">
            <span class="paren">(</span><ul class="args-list inline commas">
                <li class="arg">
                        <code>id</code>
                </li>
            </ul><span class="paren">)</span>
        </div>








    <div class="meta">
                <p>
                Defined in
        <a href="../files/.._src_tree.js.html#l789"><code>..&#x2F;src&#x2F;tree.js:789</code></a>
        </p>



    </div>

    <div class="description">
        <p>Tells you if the item its out of the view due to the scrolling</p>

    </div>

        <div class="params">
            <h4>Parameters:</h4>

            <ul class="params-list">
                <li class="param">
                        <code class="param-name">id</code>
                        <span class="type">String</span>


                    <div class="param-description">
                         
                    </div>

                </li>
            </ul>
        </div>



</div>
<div id="method_isItemSelected" class="method item">
    <h3 class="name"><code>isItemSelected</code></h3>

        <div class="args">
            <span class="paren">(</span><ul class="args-list inline commas">
                <li class="arg">
                        <code>id</code>
                </li>
            </ul><span class="paren">)</span>
        </div>

        <span class="returns-inline">
            <span class="type">Bool</span>
        </span>







    <div class="meta">
                <p>
                Defined in
        <a href="../files/.._src_tree.js.html#l922"><code>..&#x2F;src&#x2F;tree.js:922</code></a>
        </p>



    </div>

    <div class="description">
        <p>returns if an item is selected</p>

    </div>

        <div class="params">
            <h4>Parameters:</h4>

            <ul class="params-list">
                <li class="param">
                        <code class="param-name">id</code>
                        <span class="type">String</span>


                    <div class="param-description">
                         
                    </div>

                </li>
            </ul>
        </div>

        <div class="returns">
            <h4>Returns:</h4>

            <div class="returns-description">
                        <span class="type">Bool</span>:
            </div>
        </div>


</div>
<div id="method_moveItem" class="method item">
    <h3 class="name"><code>moveItem</code></h3>

        <div class="args">
            <span class="paren">(</span><ul class="args-list inline commas">
                <li class="arg">
                        <code>id</code>
                </li>
                <li class="arg">
                        <code>parent_id</code>
                </li>
            </ul><span class="paren">)</span>
        </div>

        <span class="returns-inline">
            <span class="type">Bool</span>
        </span>







    <div class="meta">
                <p>
                Defined in
        <a href="../files/.._src_tree.js.html#l1002"><code>..&#x2F;src&#x2F;tree.js:1002</code></a>
        </p>



    </div>

    <div class="description">
        <p>move item with id to be child of parent_id</p>

    </div>

        <div class="params">
            <h4>Parameters:</h4>

            <ul class="params-list">
                <li class="param">
                        <code class="param-name">id</code>
                        <span class="type">String</span>


                    <div class="param-description">
                         
                    </div>

                </li>
                <li class="param">
                        <code class="param-name">parent_id</code>
                        <span class="type">String</span>


                    <div class="param-description">
                         
                    </div>

                </li>
            </ul>
        </div>

        <div class="returns">
            <h4>Returns:</h4>

            <div class="returns-description">
                        <span class="type">Bool</span>:
            </div>
        </div>


</div>
<div id="method_removeItem" class="method item">
    <h3 class="name"><code>removeItem</code></h3>

        <div class="args">
            <span class="paren">(</span><ul class="args-list inline commas">
                <li class="arg">
                        <code>id</code>
                </li>
            </ul><span class="paren">)</span>
        </div>

        <span class="returns-inline">
            <span class="type">Bool</span>
        </span>







    <div class="meta">
                <p>
                Defined in
        <a href="../files/.._src_tree.js.html#l1078"><code>..&#x2F;src&#x2F;tree.js:1078</code></a>
        </p>



    </div>

    <div class="description">
        <p>remove item with given id</p>

    </div>

        <div class="params">
            <h4>Parameters:</h4>

            <ul class="params-list">
                <li class="param">
                        <code class="param-name">id</code>
                        <span class="type">String</span>


                    <div class="param-description">
                         
                    </div>

                </li>
            </ul>
        </div>

        <div class="returns">
            <h4>Returns:</h4>

            <div class="returns-description">
                        <span class="type">Bool</span>:
            </div>
        </div>


</div>
<div id="method_removeItemFromSelection" class="method item">
    <h3 class="name"><code>removeItemFromSelection</code></h3>

        <div class="args">
            <span class="paren">(</span><ul class="args-list inline commas">
                <li class="arg">
                        <code>id</code>
                </li>
            </ul><span class="paren">)</span>
        </div>








    <div class="meta">
                <p>
                Defined in
        <a href="../files/.._src_tree.js.html#l887"><code>..&#x2F;src&#x2F;tree.js:887</code></a>
        </p>



    </div>

    <div class="description">
        <p>remove item from selection (multiple selection)</p>

    </div>

        <div class="params">
            <h4>Parameters:</h4>

            <ul class="params-list">
                <li class="param">
                        <code class="param-name">id</code>
                        <span class="type">String</span>


                    <div class="param-description">
                         
                    </div>

                </li>
            </ul>
        </div>



</div>
<div id="method_scrollToItem" class="method item">
    <h3 class="name"><code>scrollToItem</code></h3>

        <div class="args">
            <span class="paren">(</span><ul class="args-list inline commas">
                <li class="arg">
                        <code>id</code>
                </li>
            </ul><span class="paren">)</span>
        </div>








    <div class="meta">
                <p>
                Defined in
        <a href="../files/.._src_tree.js.html#l812"><code>..&#x2F;src&#x2F;tree.js:812</code></a>
        </p>



    </div>

    <div class="description">
        <p>Scrolls to center this item</p>

    </div>

        <div class="params">
            <h4>Parameters:</h4>

            <ul class="params-list">
                <li class="param">
                        <code class="param-name">id</code>
                        <span class="type">String</span>


                    <div class="param-description">
                         
                    </div>

                </li>
            </ul>
        </div>



</div>
<div id="method_setSelectedItem" class="method item">
    <h3 class="name"><code>setSelectedItem</code></h3>

        <div class="args">
            <span class="paren">(</span><ul class="args-list inline commas">
                <li class="arg">
                        <code>id</code>
                </li>
            </ul><span class="paren">)</span>
        </div>








    <div class="meta">
                <p>
                Defined in
        <a href="../files/.._src_tree.js.html#l837"><code>..&#x2F;src&#x2F;tree.js:837</code></a>
        </p>



    </div>

    <div class="description">
        <p>mark item as selected</p>

    </div>

        <div class="params">
            <h4>Parameters:</h4>

            <ul class="params-list">
                <li class="param">
                        <code class="param-name">id</code>
                        <span class="type">String</span>


                    <div class="param-description">
                         
                    </div>

                </li>
            </ul>
        </div>



</div>
<div id="method_updateItem" class="method item">
    <h3 class="name"><code>updateItem</code></h3>

        <div class="args">
            <span class="paren">(</span><ul class="args-list inline commas">
                <li class="arg">
                        <code>id</code>
                </li>
                <li class="arg">
                        <code>data</code>
                </li>
            </ul><span class="paren">)</span>
        </div>








    <div class="meta">
                <p>
                Defined in
        <a href="../files/.._src_tree.js.html#l1116"><code>..&#x2F;src&#x2F;tree.js:1116</code></a>
        </p>



    </div>

    <div class="description">
        <p>update a given item with new data</p>

    </div>

        <div class="params">
            <h4>Parameters:</h4>

            <ul class="params-list">
                <li class="param">
                        <code class="param-name">id</code>
                        <span class="type">String</span>


                    <div class="param-description">
                         
                    </div>

                </li>
                <li class="param">
                        <code class="param-name">data</code>
                        <span class="type">Object</span>


                    <div class="param-description">
                         
                    </div>

                </li>
            </ul>
        </div>



</div>
<div id="method_updateItemId" class="method item">
    <h3 class="name"><code>updateItemId</code></h3>

        <div class="args">
            <span class="paren">(</span><ul class="args-list inline commas">
                <li class="arg">
                        <code>old_id</code>
                </li>
                <li class="arg">
                        <code>new_id</code>
                </li>
            </ul><span class="paren">)</span>
        </div>








    <div class="meta">
                <p>
                Defined in
        <a href="../files/.._src_tree.js.html#l1141"><code>..&#x2F;src&#x2F;tree.js:1141</code></a>
        </p>



    </div>

    <div class="description">
        <p>update a given item id and the link with its children</p>

    </div>

        <div class="params">
            <h4>Parameters:</h4>

            <ul class="params-list">
                <li class="param">
                        <code class="param-name">old_id</code>
                        <span class="type">String</span>


                    <div class="param-description">
                         
                    </div>

                </li>
                <li class="param">
                        <code class="param-name">new_id</code>
                        <span class="type">String</span>


                    <div class="param-description">
                         
                    </div>

                </li>
            </ul>
        </div>



</div>
<div id="method_updateTree" class="method item">
    <h3 class="name"><code>updateTree</code></h3>

        <div class="args">
            <span class="paren">(</span><ul class="args-list inline commas">
                <li class="arg">
                        <code>data</code>
                </li>
            </ul><span class="paren">)</span>
        </div>








    <div class="meta">
                <p>
                Defined in
        <a href="../files/.._src_tree.js.html#l94"><code>..&#x2F;src&#x2F;tree.js:94</code></a>
        </p>



    </div>

    <div class="description">
        <p>update tree with new data (old data will be thrown away)</p>

    </div>

        <div class="params">
            <h4>Parameters:</h4>

            <ul class="params-list">
                <li class="param">
                        <code class="param-name">data</code>
                        <span class="type">Object</span>


                    <div class="param-description">
                         
                    </div>

                </li>
            </ul>
        </div>



</div>
            </div>



    </div>
</div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
<script src="../assets/vendor/prettify/prettify-min.js"></script>
<script>prettyPrint();</script>
<script src="../assets/js/yui-prettify.js"></script>
<script src="../assets/../api.js"></script>
<script src="../assets/js/api-filter.js"></script>
<script src="../assets/js/api-list.js"></script>
<script src="../assets/js/api-search.js"></script>
<script src="../assets/js/apidocs.js"></script>
</body>
</html>
